<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body @actions="root">
    <header class="header">
        <div class="logo pull-left clearfix">

          <img src="<%=require('./style/images/logo.png')%>" alt="" width="100%" height="auto" style="margin-top: 15px;">
          <!-- <img src="./style/images/logo.png" alt="" width="100%" height="auto"> -->
        </div>
        <ul class="header-menu pull-left clearfix">
          <li class="active"><a href="#">首页</a></li>
        </ul>
        <div class="pull-right clearfix admin-menu">
            <ul class="clearfix">
              <li class="dropdown">
                <a class="admin-menu-add-btn" class="dropdown-toggle" id="add" data-toggle="dropdown">
                  <i class="icon icon-expand"></i>
                  添加
                </a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="add">
                  <li><a href="javaScript:;" onclick="$.addDevice();">添加设备</a></li>
                  <li><a href="javaScript:;" onclick="$.addGroup();">新建分组</a></li>
                  <li><a href="javaScript:;" onclick="$.editChannel();">新建频道</a></li>
                </ul>
              </li>
              <li class="dropdown pull-right">
                <a href="#" class="dropdown-toggle" id="user-info" data-toggle="dropdown">
                  <i class="icon icon-user"></i>
                </a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="user-info">
                  <li><a href="javaScript:;" id="userInfo">个人信息</a></li>
                  <li><a href="javaScript:;" id="logout">退出系统</a></li>
                </ul>
              </li>
            </ul>
        </div>
    </header>
    <section class="body container-row">
        <div class="col-xs-3">
            <div class="panel tree-panel" @actions="tree" id="tree-panel">
                <div class="panel-heading">
                    <div class="tree-node tree-root-node">
                        <div class="tree-node-line clearfix">
                            <span class="tree-node-text"></span>
                            <div class="tree-node-action">
                                <a class="glyphicon glyphicon-plus" onclick="$.addGroup();" data-toggle="tooltip" title="分组搜索"> </a>
                                <!-- <a class="icon icon-search" @click="showSearch" data-toggle="tooltip" title="分组搜索"> </a> -->
                            </div>
                        </div>
                    </div>
                    <div class="tree-search">
                        <input type="text" @mouseleave="hideSearch">
                        <i class="icon icon-search"></i>
                        <div class="search-content"></div>
                    </div>
                </div>
                <div class="panel-body">
                    <ul class="tree" id="menu-tree">
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-xs-9" style="padding-left: 0;">
            <div class="panel" style="padding: 0;">
                <div class="panel-heading">
                    <ul class="nav nav-tabs" id="page-tabs">
                    </ul>
                </div>
                <div class="panel-body" id="page-body" style="padding: 0 15px;">
                </div>
            </div>
        </div>
    </section>
    <footer class="footer">

    </footer>
</body>
</html>
